import React, { PureComponent } from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import screen from '../../../../common/screen'
type Props = {
    info: Object,
}
type State = {
}
class CommentsItem extends PureComponent<Props, State>{
    render() {
        let { info } = this.props
        return (
            <View style={styles.container}>
                <View style={styles.header}>
                    <Image source={require('../../../../img/mine/icon_mine_member.png')} style={styles.headImg} />
                    <View style={{ marginLeft: screen.width / 50, justifyContent: 'center', alignItems: 'center', }}>
                        <Text style={{ fontSize: 16, color: 'black' }}>{info.title}</Text>
                        <Text style={{ fontSize: 10, }}>{info.price}</Text>
                    </View>
                </View>
                <View style={styles.content}>
                    <Text style={{ fontSize: 18, color: 'black' }}>这件超值，开箱惊艳到我了这件超值，开箱惊艳到我了这件超值，开箱惊艳到我了这件超值，开箱惊艳到我了这件超值，开箱惊艳到我了</Text>
                </View>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    container: {
        borderTopWidth: 1,    //上边框宽度
        borderColor: '#F5F5F5',
    },
    header: {
        flexDirection: 'row',
        marginLeft: screen.width / 50,
    },
    content: {
        marginLeft: screen.width / 50,
    },
})
export default CommentsItem